﻿@model MS<MD<AdmColListModel>, TheSecondClassView, string>
@{
    ViewBag.Title = "后台管理首页";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@using Bll
@functions {
}
@section Head{
    <link rel="stylesheet" href="@Url.Content("~/Content/sco/css/scojs.css")">
    <script type="text/javascript" src="@Url.Content("~/Content/js/ht_base1.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.ajax.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.collapse.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.confirm.js")" charset="gb2312"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.countdown.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.message.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.modal.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.panes.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.tab.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.tooltip.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/sco/js/sco.valid.js")"></script>
    <script type="text/javascript">
        $(function () {
            var $tab = $.scojs_tab('#mytabs', { mode: "next", easing: "flip" });
            $tab.select(0);
            $("#ajax_target").load("@Model.D3");
        });
    </script>
    <style type="text/css">
        body
        {
            padding-top: 60px;
            padding-bottom: 40px;
        }
        
        .loading1
        {
            display: none;
            width: 140px;
            margin-left: -70px;
            left: 50%;
            top: 50%;
            position: fixed;
            z-index: 9999999;
            background-color: rgb(0, 0, 0);
            opacity: 0.6;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            color: white;
            padding: 13px 10px 10px 10px;
            font-size: 25px;
        }
        .loading1 span
        {
            padding: 0 0 3px 5px;
        }
    </style>
    
    
    <link href="@Url.Content("~/Content/font/css/bootstrap-formhelpers.css")" rel="stylesheet" />
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="@Url.Content("~/Content/font/js/bootstrap-formhelpers-selectbox.js")"></script>
}
<div class="navbar navbar-inverse navbar-fixed-top" id="MainPage">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </a><a class="brand" href="/Muban/Index">Pizza管理后台</a>
            <div class="nav-collapse collapse">
                <p class="navbar-text pull-right">
                    @(AdmInfo.Instance.AdmName ?? "快速登入用户")
                    @AdmInfo.Instance.AdmName
                    (<a href="#">当前 @AdmInfo.Instance.AdmMsgCount 条信息</a>)&nbsp;
                    @Html.ActionLink("注销", "LogOut", "AdmCol", null, new { @class = "navbar-link" })
                    |<a class="navbar-link" href="/Muban/Index">首页</a>
                </p>
                <ul class="nav" data-trigger="tab" data-content="#pane">
                    @foreach (var item in Model.D1.Datas)
                    {
                        <li class="active"><a href="#">@item.Name</a></li>
                    }
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3">
            <div class="well pane-wrapper slide flip" id="pane">
                @foreach (var x in Model.D2.TheSecondClasses)
                {
                    <div>
                        <ul class="nav nav-list">
                            @foreach (var y in x.TheSecondClasses)
                            {
                                <li class="nav-header">@y.Name</li>
                                
                                                  foreach (var z in y.TheSecondClasses)
                                                  {
                                <li><a href="@z.Url" data-trigger="ajax" data-target="#ajax_target">@z.Name</a></li>
                                                  }
                            }
                        </ul>
                    </div>
                }
            </div>
            <!--/.well -->
        </div>
        <!--/span-->
        <div class="span9">
            <section class="row">
                <div class="span12" style="margin-left: 10px;">
                    <div id="ajax_target">
                        
                    </div>
                </div>
            </section>
            <!--/row-->
        </div>
        <!--/span-->
    </div>
    <!--/row-->
    @*    <hr>    <footer>        <p>© Company 2012</p>      </footer>*@
</div>
<div class="loading1">
    <i class="icon-spinner icon-large icon-spin"></i><span>加载中...</span>
</div>
<script type="text/javascript">
    window._load = new loading();
    function loading(options) {
        this.options = $.extend({}, options);
        if (this.options.message)
            $(".loading1 span").text(options.message);
        $(".loading1").show();
    }

    $.extend(loading.prototype, {
        contant: function (str) {
            $(".loading1 span").text(str);
        },
        show: function () {
            $(".loading1").show();
            return this;
        }
        , close: function () {
            $(".loading1").hide();
            return this;
        }
    });
    window.onload = f;
    function f() { window._load.close(); }
</script>
<!--/.fluid-container-->
